//选择图片
let base64str = "";
$(".select").on("click", function () {
  $("#file").click();
});
//给input注册 change事件
$("#file").on("change", function (e) {
  // console.log(e);
  const files = e.target.files;
  // console.log(files);
  //如果files的长度等于0的话证明图片没有发生变化直接return不执行下面的代码
  if (files.length === 0) return;
  // console.log(files[0]);
  const blobUrl = window.URL.createObjectURL(files[0]);
  // console.log(blobUrl);
  $("#image").prop("src", blobUrl);

  //将图片文件转化成base64字符串(base64字符串只要勇于传输,跟图片相关)
  //1.声明一个js文件流
  let reader = new FileReader();
  //2.判断是否有file这个对象
  if (files[0]) {
    //3.将文件转换成base64字符串
    reader.readAsDataURL(files[0]);
    //4.设置监听等待他转换完成
    reader.onloadend = function () {
      // console.log(reader.result);
      base64str = reader.result;
    };
  }
});

//上传头像
$(".sure").on("click", function () {
  //判断是否有上传图片
  if (!base64str) return layer.msg("请上传图片");
  //转换编码
  const data = `avatar=${encodeURIComponent(base64str)}`;
  axios({
    method: "POST",
    url: "http://api-breakingnews-web.itheima.net/my/update/avatar",
    data,
    headers: {
      //给后端转的自定义请求头
      Authorization: localStorage.getItem("token"),
    },
  }).then(({ data: res }) => {
    console.log(1);
    layer.msg(res.message);
    if (res.status === 0) {
      window.parent.getUserInfo();
    }
  });
});

function selfUser() {
  axios({
    method: "GET",
    url: "http://api-breakingnews-web.itheima.net/my/userinfo",
    headers: {
      //给后端转的自定义请求头
      Authorization: localStorage.getItem("token"),
    },
  }).then(({ data: res }) => {
    console.log(res);
    //判断请求成功
    if (res.status === 0) {
      let { user_pic } = res.data;
      //判断如果图片有的情况下 让图片渲染在$("#image")
      if (user_pic) $("#image").prop("src", user_pic);
    }
  });
}
selfUser();
